<?php
include $this->Render('header.php');
?>
<link rel="stylesheet" type="text/css" href="<?php echo BASE_STYLE;?>/css/admin.css" />
<script type="text/javascript" src="<?php echo BASE_STYLE;?>/uploadifive/jquery.uploadifive.js"></script>
<style type="text/css">
	.daish-box {height:500px;width: 640px;padding-left: 44px;padding-top: 15px;color: #444444;margin-left:0;margin-top:0;}
	.danbaoren-box table tr td {padding-bottom:10px;}
	
	.uploadifive-button {width:84px;height:84px !important;line-height:normal;margin-top:-84px;background:none !important;}
	
	.file-upload-completed,.uploadifive-queue-item {position:absolute;width:84px;bottom:0;}
	
	.uploadifive-queue-item .close {background: url('<?php echo BASE_STYLE;?>/uploadifive/uploadifive-cancel.png') 0 0 no-repeat;display: block;float: right;height: 16px;
text-indent: -9999px;width: 16px;}
	.uploadifive-queue-item .progress {height: 3px;margin-top: 5px;width: 100%;}
	.uploadifive-queue-item .progress-bar {background-color: #0072BC;height: 3px;width: 0;}
	
	.uploadifive-queue-item .filename {display:none;}
	
	input[type="text"],select {background:none;}
	
	.dingdan-kehu-box {width:100%; height:auto; overflow:hidden;}
	.dingdan-kehu-box li {float:left; margin-left:15px;}
	.upload-img a {margin-right:10px;}
	
	.express-delivery-main {
		position:relative;
		margin-top:20px;
	}
	.express-delivery-main-box {
		position:relative;
		height:350px;
		overflow:hidden;
	}
	
	.express-delivery-main-box ul {
		overflow-y:scroll;
		height:350px;
	}
	
	.express-delivery-main-box ul li {
		list-style: none;
		border-bottom: solid 1px #f5f5f5;
		overflow: hidden;
	}
	
	.express-delivery-main-box ul li.on {
		color:#c41230;
	}
	
	.op_express_delivery_timeline_title {
		padding: 10px;
		margin-left: 15px;
		float: left;
		border-left: solid 2px #ececec;	
	}
	
	.op_express_delivery_timeline_circle {
		width: 35px;
		float: left;
		display: inline-block;
		position: relative;
		overflow: hidden;
		background-color: #fff;
		left: -18px;
		margin-top: 5px;	
	}
	
	.op_express_delivery_timeline_circle_blue {
		display: inline-block;
		width: 14px;
		height: 14px;
		vertical-align: text-bottom;
		font-style: normal;
		overflow: hidden;
		background-image: url(//www.baidu.com/aladdin/img/express_delivery/dout.png);
		background-position: -14px 0;
	}
	
	.op_express_delivery_timeline_circle_red {
		display: inline-block;
		width: 14px;
		height: 14px;
		vertical-align: text-bottom;
		font-style: normal;
		overflow: hidden;
		background-image: url(//www.baidu.com/aladdin/img/express_delivery/dout.png);
		background-position: 0 0;
	}
	
	.op_express_delivery_timeline_info {
		float: left;
		width: 390px;
		margin-left: -10px;
		word-break: normal;	
	}
</style>
<form action="/order/troexp/option/expsave/" method="post" enctype="multipart/form-data" name="form1" class="J-ajaxForm" id="form1">
<div class="daish-box" style="box-sizing:border-box; padding-right:44px; padding-left:30px;">
	<div class="danbaoren-box">
    	<div class="J-danbaoren-list">
            <div class="J-danbao-data">
            	<table class="J-danbaoren" width="100%" cellpadding="0" cellspacing="0" border="0">
                   <tr>
                   		<td width="35%">运单号码：<?php echo $this->data['number'];?></td>
                        <td>物　　流：<?php echo $this->data['type'];?></td>
                   </tr> 
                   <tr><td colspan="2" style="border-bottom:1px solid #D1D1D1"></td></tr>
                   <tr>
                   		<td colspan="2">
                        	<?php 
								if(!empty($this->data['list'])) {
							?>
                        	<div class="express-delivery-main">
                            	<div class="express-delivery-main-box">
                                	<ul>
                                    	<?php 
											foreach($this->data['list'] as $key => $val){
										?>
                                    	<li <?php echo $key == 0 ? 'class="on"' : '';?>>
                                        	<div class="op_express_delivery_timeline_title">
                                            	<div class="op_express_delivery_timeline_circle">
                                                	<i class="<?php echo $key == 0 ? 'op_express_delivery_timeline_circle_red' : 'op_express_delivery_timeline_circle_blue';?>"></i>
                                                </div>
                                            	<div class="op_express_delivery_timeline_info">
                                                	<?php echo $val['time'];?><br/>
                                                    <?php echo $val['status'];?>
                                                </div>
                                            </div>
                                        </li>
                                        <?php
											}
										?>
                                        
                                    </ul>
                                </div>
                            </div>
                            <?php
								}else{
							?>
                            	暂无物流信息
                            <?php
								}
							?>
                        </td>
                   </tr>
                </table>

            </div>
        </div>
    </div>
</div>
</form>
<script>
	//关闭弹出
	$(".J-a-btn-close").on('click',function(){
		
		var winElement = parent.Ext.fly(window.frameElement).up('div.x-window');
		parent.Ext.getCmp(winElement.id).close();
		
	});
	
	$(document).ready(function(e) {
        $(".J-submit").on('click',function(){
			$(this).dyhlForm({
				beforefunction:chk,
				nofunction:function(){
					$(".J-submit").prop('disabled',false);
				},
				sucessfunction:function(data){
					$(".J-submit").prop('disabled',false);
					if(data['success']){
						Ext.Msg.alert('提示','提交成功');
						window.location.reload();
					}else{
						Ext.Msg.alert('提示',data['msg']);
					}
				}	
			});	
		});
    });
	
	function chk(){
		$(".J-submit").prop('disabled',true);	
	}
	
</script>
<?php include $this->Render('footer.php'); ?>
